/**
 * @Description:
 * @author zhaokai
 * @date 2020/1/8
 */

const path = require('path')
const HtmlWebpackPlugin = require('html-webpack-plugin'); //第二步导入
module.exports = {
    entry: './index', //main.js中的js可以省略，前面的./不能省
    output:{
        filename:'./dist/[hash]app.js',
        hashDigestLength: 8 // 默认长度是20
    },
    plugins:[
        //自动生成html
        new HtmlWebpackPlugin({
            title: 'html management',
            filename: "index.html"
        })
    ],
    devServer: {
        contentBase: path.join(__dirname, "../dist"), //网站的根目录为 根目录/dist
        port: 9000, //端口改为9000
        // host: '192.168.0.103', //如果指定的host，这样同局域网的电脑或手机可以访问该网站,host的值在dos下使用ipconfig获取
        open:true, // 自动打开浏览器
        index:'index.html', // 与HtmlWebpackPlugin中配置filename一样
        inline:true, // 默认为true, 意思是，在打包时会注入一段代码到最后的js文件中，用来监视页面的改动而自动刷新页面,当为false时，网页自动刷新的模式是iframe，也就是将模板页放在一个frame中
        hot:false,
        compress:true //压缩
    }
}